<!--处理详情 ——————————  仅客户经理（业务员）可看-->
<template>
  <div id="CustomerServiceHandleDetails">
    <div class="breadcrumbs" style="margin: 0px;padding-top: 20px;">
      <ul>
        <li class="home"><a href="index.html" title="Go to Home Page"><strong style="font-size: 18px;">服务管理</strong></a>
          <span>/</span>
        </li>
        <li><strong>服务处理</strong><span>/</span></li>
        <strong>处理详情</strong>
      </ul>
    </div>
    <article class="col-main">
      <div class="my-account block block-account" style="padding-left: 20px;">
        <div class="page-title" style="border-bottom: #F1F3F6 1px solid;">
          <h2>处理详情</h2>
          <hr>
        </div>
        <div style="margin: 0px 20px 40px 20px">
          <div class="row" style="border-bottom:1px #FFFFFF solid">
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">编号</span></div>
            <div class="col-sm-3 col-md-3 text-center the_content_style"><span style="font-size: 20px">1</span></div>
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">服务类型</span></div>
            <div class="col-sm-3 col-md-3 text-center the_content_style"><span style="font-size: 20px">猪头</span></div>
          </div>
          <div class="row" style="border-bottom:1px #FFFFFF solid">
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">概要</span></div>
            <div class="col-sm-9 col-md-9 text-center the_content_style"><span style="font-size: 20px">张熔城</span></div>
          </div>
          <div class="row" style="border-bottom:1px #FFFFFF solid">
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">客户</span></div>
            <div class="col-sm-3 col-md-3 text-center the_content_style"><span style="font-size: 20px">猪猪</span></div>
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">状态</span></div>
            <div class="col-sm-3 col-md-3 text-center the_content_style"><span style="font-size: 20px"></span></div>
          </div>
          <div class="row" style="border-bottom:1px #FFFFFF solid">
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">服务请求</span></div>
            <div class="col-sm-9 col-md-9 text-center the_content_style"><span style="font-size: 20px">张熔城</span></div>
          </div>
          <div class="row" style="border-bottom:10px #FFFFFF solid">
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">创建人</span></div>
            <div class="col-sm-3 col-md-3 text-center the_content_style"><span style="font-size: 20px">猪猪买东西</span></div>
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">创建时间</span></div>
            <div class="col-sm-3 col-md-3 text-center the_content_style"><span style="font-size: 20px">猪猪买东西</span></div>
          </div>
          <div class="row" style="border-bottom:10px #FFFFFF solid">
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">分配给</span></div>
            <div class="col-sm-3 col-md-3 text-center the_content_style"><span style="font-size: 20px">胡玉彬</span></div>
            <div class="col-sm-3 col-md-3 text-center the_title_style"><span style="font-size: 20px;font-weight: bolder">分配时间</span></div>
            <div class="col-sm-3 col-md-3 text-center the_content_style"><span style="font-size: 20px">2020-12-12</span></div>
          </div>
        </div>


        <form action="">
          <div style="border-bottom: 2px #D9D9D9 solid;margin-right: 20px"></div>

          <div class="form-group">
            <strong style="font-weight: 1000;font-size: 20px">服务处理</strong>
            &nbsp;<span style="color: red;font-size: 15px">*</span>
            <div style="padding-left: 20px;">
              <input type="text" placeholder="请输入服务处理" name="customerServiceHandle" class="form-control" style="width: 400px;">
            </div>
          </div>

          <div class="form-group">
            <strong style="font-weight: 1000;font-size: 20px">处理人</strong>
            &nbsp;<span style="color: red;font-size: 15px">*</span>
            <div style="padding-left: 20px;">
              <input type="text" placeholder="请输入处理人" name="customerServiceHandler" class="form-control" style="width: 400px;">
            </div>
          </div>

          <div class="form-group">
            <strong style="font-weight: 1000;font-size: 20px">处理时间</strong>
            &nbsp;<span style="color: red;font-size: 15px">*</span>
            <div style="padding-left: 20px;">
              <input type="text" placeholder="请输入处理时间" name="customerServiceHandlingTime" class="form-control" style="width: 400px;">
            </div>
          </div>

          <div class="text-center" style="margin-top: 40px;padding-bottom: 30px">
            <input type="button" class="btn btn-primary" value="保存">
            <router-link to="CustomerServiceHandle" class="btn btn-default">返回</router-link>
          </div>
        </form>

      </div>
    </article>
  </div>
</template>

<script>
export default {
  name: "CustomerServiceHandleDetails"
}
</script>

<style scoped>
.the_title_style{
  height:55px;
  background-color: #CDCDCD;
  padding: 10px 0px
}
.the_content_style{
  height:55px;
  background-color: #EAEAEA;
  padding: 10px 0px
}
</style>
